.editor {
	width: 100%;
	height: 100%;
	display: flex;
	&-left {
		width: 300px;
		height: 100%;
		box-sizing: border-box;
        padding: 0 10px;
		&-item {
			position: relative;
			height: 80px;
			margin-bottom: 10px;
            padding: 10px;
            display: flex;
            cursor: move;
            user-select: none;
            align-items: center;
            justify-content: center;
			background-color: rgba(172, 235, 235, 0.188);
			&-label {
				position: absolute;
				left: 0px;
				top: 0px;
                color: white;
                padding: 5px;
                background-color: rgb(9, 70, 70);
			}
            &::after{
                content: '';
                position: absolute;
                top:0;
                bottom:0;
                left:0;
                right: 0;
                background-color: #efefef;
                opacity: 0.3;
            }
		}
	}
	&-right {
		width: 300px;
		height: 100%;
	}
	&-center {
		flex: 1;
		display: flex;
		flex-direction: column;
		&-top {
			height: 100px;
		}
		&-content {
			flex: 1;
			overflow-y: auto;
            display: flex;
            justify-content: center;
            &-innner{
                background-color: rgba(14, 50, 38, 0.236);
                position: relative;
                overflow: hidden;
            }
		}
	}
}

.div-item {
	position: absolute;
    &::after{
        content: '';
        position: absolute;
        top:0;
        bottom:0;
        left:0;
        right: 0;
    }
}
